#include("/common/include/include.html")
<style>
	.lay-body{
		margin-top: 52px;
		overflow-y: auto;
		overflow-x: unset;
		padding:0px;
	}
	.lay-header{
		position: absolute;
		top: 0px;
		width: 100%;
	}
	table{
		font-size: 12px;
	}
	.bootstrap-table{
		height: 245px;
	}
</style>
<div class="modal-dialog" style="width:100%">
	<div class="modal-content">
		<div class="modal-header lay-header">
			<button type="button" class="close" data-dismiss="modal" onclick="{parent.layer.closeAll();}"><i class="pci-cross pci-circle"></i></button>
			<h4 class="modal-title">选择任务</h4>
		</div>

		<div class="modal-body lay-body">
			<div id="page-content" style="height: 396px;">
				<div class="col-sm-12 eq-box-sm">
					<div class="panel">
						<div class="panel-body" style="height: 360px;">
							<table id="pageTable"></table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>

	var col = [
		{
			field: 'JOB_NAME',
			title: '任务名称',
			align: 'center',
			width:'100',
		},
		{
			field: 'TYPE',
			title: '任务类型',
			align: 'center',
			width:'100',
			formatter:function(value,row,index){
				if("1"==value){
					return "QuartZ任务";
				}else if("2"==value){
					return "OSP任务";
				}else{
					return "未知任务类型";
				}
			}
		},
		{
			field: 'JOB_CLASS',
			title: '执行类',
			align: 'center',
			width:'100',
		},
		{
			field: 'JOB_METHOD',
			title: '执行方法',
			align: 'center',
			width:'100',
		},
		{
			field: 'control',
			title: '操作',
			align: 'left',
			width:'100',
			formatter:function(value,row,index){
				//通过formatter可以自定义列显示的内容ID
				//value：当前field的值，即id
				//row：当前行的数据
				var a = '<a class="label label-table label-success" href="javascript:void(0);" onclick="selectOneJob(\''+row.ID+'\',\''+row.JOB_NAME+'\')">选择</a>&nbsp;';
				return a;
			}
		}];
	var opt = {
		//请求方法
		method: 'get',
		//是否显示行间隔色
		striped: true,
		//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		cache: false,
		//data-toolbar: "#demo-delete-row",
		//是否显示分页（*）
		pagination: true,
		//是否启用排序
		sortable: false,
		//排序方式
		sortOrder: "asc",
		//初始化加载第一页，默认第一页
		//我设置了这一项，但是貌似没起作用，而且我这默认是0,- -
		//pageNumber:1,
		//每页的记录行数（*）
		pageSize: 10,
		//可供选择的每页的行数（*）
		pageList: [10, 25, 50, 100],
		//这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
		url: ctx+"/admin/sys/schjob/jobListData",
		//默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
		//queryParamsType:'',
		////查询参数,每次调用是会带上这个参数，可自定义
		queryParams : function(params) {
			return {
				pageNumber: (params.offset/params.limit)+1,
				pageSize: params.limit
			};
		},
		//分页方式：client客户端分页，server服务端分页（*）
		sidePagination: "server",
		//是否显示搜索
		search: false,
		//Enable the strict search.
		strictSearch: true,
		//Indicate which field is an identity field.
		idField : "id",
		columns: col,
		pagination:true,paginationShowPageGo: true
	};

	//表格
	function initTable(){
		$('#pageTable').bootstrapTable(opt);
		$('#pageTable').bootstrapTable('hideColumn', 'id');
	}
	function refreshTable(){
		$("#pageTable").bootstrapTable('refresh', opt);
		$('#pageTable').bootstrapTable('hideColumn', 'id');
	}

	/***
	 * 选择一个任务
	 * @param id
	 * @param name
	 */
	function selectOneJob(id,name){
		parent.selectedJob(id,name);
		parent.layer.closeAll()
	}
	$(document).ready(function(){
		initTable();//初始化
	});
</script>